<!-- 指标查看，指标修改-查看历史变更 -->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">
        <span *ngIf="type=='view'">指标查看-查看历史变更</span>
        <span *ngIf="type=='modify'">指标修改-查看历史变更</span>
      </h4>
    </div>
    <div class="modal-body">
      <form class="form-inline">
        <div class="form-group col-lg-12 col-md-12" style="padding-top:5px;padding-bottom:5px;">
          <label class="control-label">开始日期：</label>
          <div class="input-group date form_datetime">
            <span class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </span>
            <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
              [(ngModel)]="getBody.sBegin" name="sBegin">
          </div>
          <label class="control-label">结束日期：</label>
          <div class="input-group date form_datetime">
            <span class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </span>
            <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
              [(ngModel)]="getBody.sEnd" name="sEnd">
          </div>
          <button type="button" class="btn btn-primary search-btn" (click)="list()">
            <i class="fa fa-search"></i>查询</button>
        </div>
      </form>
      <h5>历史变更信息</h5>
      <div style="overflow-x:scroll;width:100%;overflow-y:scroll;max-height:400px;">
        <table class="table table-bordered table-keep-line table-hover table-striped">
          <thead>
            <tr>
              <th class="width-15">基金类型</th>
              <th class="width-15">基金名称</th>
              <th class="width-15">变更发起人</th>
              <th class="width-10">处理状态</th>
              <th class="width-18">操作时间</th>
              <th class="width-15">查看单条基金变更</th>
              <th class="width-12">查看流程状态</th>
            </tr>
          </thead>
          <tr *ngFor="let item of dataList">
            <td class="short_name" [attr.title]="item.sFundType">{{item.sFundTypeZh}}</td>
            <td class="short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
            <td class="short_name" [attr.title]="item.changeInitiator">{{item.changeInitiator}}</td>
            <td class="short_name" [attr.title]="item.sOprState">{{item.sOprStateZh}}</td>
            <td class="short_name" [attr.title]="item.sOprTime">{{item.sOprDate}} {{item.sOprTime}}</td>
            <td>
              <a (click)="showSingle(item)">查看单条基金变更</a>
            </td>
            <td>
              <a (click)="showFlow(item)">查看流程状态</a>
            </td>
          </tr>
        </table>
      </div>
      <div class="box-footer clearfix" style="width:100%;">
        <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
          <div class="pull-left pagination-detail" data-pagination-additional="true">
            <span class="pagination-info">
              当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
            </span>
            <span class="page-list">
              每页记录
              <span class="btn-group dropup">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                  <span class="page-size">{{listPageInfo.pageSize}}</span>
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                    <a>{{i}}</a>
                  </li>
                </ul>
              </span>
              条
            </span>
          </div>
        </app-pagination>
      </div>
    </div>
    <div class="modal-footer" style="text-align:center">
      <button class="btn btn-default" data-dismiss="modal">关闭</button>
    </div>
  </div>
</div>

<!-- 查看单条基金变更modal -->
<div class="modal modal-open modal-detail" id="singles">
  <div #singles></div>
</div>

<!-- 查看流程modal -->
<div class="modal modal-open modal-detail" id="historyFlow">
  <div #flows></div>
</div>